<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="photos/UncleKevin icon.png">
    <title>UncleKevin 用户注册</title>
    <link rel="stylesheet" href="css/2-注册.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap-grid.min.css">
    <script src="bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/jquery/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div class="container">
        <div class="main">
            <img class="logo" src="https://i.loli.net/2021/02/06/s75ahIgAUm39PeZ.png" onclick="window.open('/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/1-首页.html','_self')">
            <h4 class="log-in">注册UK账号</h4>
            <img class="log-in-img" src="https://i.loli.net/2021/02/07/STyu95UNw3EBZfY.jpg" alt="">
            <div class="phone-number">
                <div class="phone-number-info">中国</div>
                <div class="phone-number-input" style="background-color: #fff;float: right;">
                <input type="text" placeholder="11位手机号码" style="color: #666666; background-color:#fff; border: 0 none;outline: none;width: 266px;float: right;height: 47px;margin-top: -47px;border-radius: 10px; font-size: 20px;padding-left: 20px;">
                </div>
                <script>
                    $(".phone-number-input input").focus(
                        function(){
                        $(".phone-number").css("border","2px #f26704 solid");
                    });
                    $(".phone-number-input input").blur(function(){
                        $(".phone-number").css("border","1px #999999a4 solid");
                    });
                </script>
            </div>
            <a href="">
            <div class="verify">
                验证
            </div>
            </a>
            <div class="tip">
                <h6>已阅读并同意 : UncleKevin<a href=""> 用户协议 </a>和<a href=""> 隐私政策 </a></h6>
            </div>
        </div>
        <div class="bottom-main">
            <ul class="bottom-main-ul">
                <li style="color: #99999962;"><a href="">简体中文&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 0px;float: right;">|</h></li>
                <li style="color: #99999962;"><a href="">繁体中文&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 0px;float: right;">|</h></li>
                <li style="color: #99999962;"><a href="">English&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 0px;float: right;">|</h></li>
                <li><a href="">常见问题</a></li>
            </ul>
        </div>
    </div>

</body>
</html>